<script setup>
import CalList from '@/components/CalendarChildren/CalList.vue'
import CalButton from './CalendarChildren/CalButton.vue';
import CalData from './CalendarChildren/CalData.vue';
</script>
<template>
    <div class="calendar">
        <CalButton></CalButton>
        <CalList></CalList>
        <CalData></CalData>
    </div>
</template>
<style scoped lang="scss">
.calendar {
  overflow: hidden;
  margin: 50px auto;
  width: 600px;
  border-radius: 16px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
</style>
